用 cursor AI 3分鐘搞定 Flappy Bird 飛翔小鳥遊戲 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2024 iThome 鐵人賽

DAY 9

0

影片教學

與 GenAI 工具 XX 一起協作 OO 系列 / ChatGPT , copiolt , kling AI ...系列第 9 篇

用 cursor AI 3分鐘搞定 Flappy Bird 飛翔小鳥遊戲

16th鐵人賽

2024-09-23 00:11:06

105 瀏覽

分享至

https://wolke.github.io/flappybird

題目：Cursor AI 教你寫 Flappy Bird

大綱：

遊戲介紹
- Flappy Bird 經典遊戲回顧
- 使用 Cursor AI 進行純前端開發
建立專案
- 使用 Composer 功能快速生成專案架構
- HTML、CSS、JavaScript 文件配置
- MVC 架構說明
遊戲邏輯開發
- 使用 JavaScript 實現遊戲核心邏輯
- 鳥的飛行、水管生成與移動
- 碰撞檢測與遊戲結束
視覺呈現與互動
- CSS 樣式設計，美化遊戲畫面
- JavaScript 繪製圖形與動畫效果
- 空白鍵控制鳥的跳躍
遊戲流程控制
- 開始畫面、遊戲畫面、結束畫面切換
- 得分計算與顯示

Hashtag 關鍵字：
#AI #程式設計 #FlappyBird #Cursor #前端開發 #MVC #RWD #Canvas #JavaScript #CSS #遊戲開發 #AI工具

用 Cursor AI 3分鐘搞定 GAS 網頁留言板

用 cursor AI 3分鐘俄羅斯方塊遊戲

系列文

與 GenAI 工具 XX 一起協作 OO 系列 / ChatGPT , copiolt , kling AI ... 共 30 篇

目錄

RSS系列文訂閱系列文

4 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22197 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙